<template>
  <div>
    <el-card class="box-card" v-for="log in logs" :key="log.title">
      <div slot="header">
        <span>{{log.title}}</span>
      </div>
      <div>
        <span style='line-height:30px' v-for='text in log.texts' :key="text">{{'☛  '+text}} <br></span>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'log',
  data () {
    return {
      logs: [
         {
          title:'2017-12-04',
          texts:[
            '商家管理:商家列表增加密码重置按钮（功能已实现）',
            '商家管理:商家列表增加伪删除按钮（功能已实现）',
            '商家管理:商家列表增加展开列显示商家详情',
            '商家管理:商家编辑器重做，交互逻辑类似商品发布',
            '商家管理:应汽修宝方实际业务需要，对商家表增加和修改多个字段，以及相应的前后端调整',
          ]
        },
        {
          title:'2017-12-01',
          texts:[
            '分类管理:分类列表交互界面重做，将2级分类表做成一级分类的嵌套可展开表',
            '商家管理:编辑器表单实现数据分离',
            '车型管理:单字段多值筛选的分隔符变更为半角逗号',
            '车型管理:筛选表单的自动补全功能支持加半角逗号追加新值',
            '车型管理:单字段多值筛选加入对连续使用2个分隔符造成的空串的处理',
          ]
        },
        {
          title:'2017-11-30',
          texts:[
            '属性管理:添加和修改属性交互改为弹出式',
            '属性管理:修复属性修改未提交，但页面显示已变动的问题',
            '属性管理:属性删除加入确认框提示',
            '属性管理:加入排序按钮，功能暂未实现',
            '车型管理:筛选出的车型信息表实现动态列宽',
            '车型管理:单页展示的车型信息从10辆增加到16辆',
          ]
        }
      ]
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.box-card {
  width: 666px;
  margin-top: 20px;
  font-size: 16px
}
</style>
